function mncontaspagar() {
	$('#content').load("html/mantercontaspagar.html #pnlMntrContasPagar", function() {
		montarGridContasPagar();
		
		$('#tabs').tabs();
	});
}

function carregarContasPagGrid() {
	$('#grdDataset').jtable('load', {
		campo: $('#cbbCampo').val(),
		valor: $('#edtFiltro').val(),
		fltTipo: $('input:radio[name="fltTipo"]:checked').val()
	});
}

function montarGridContasPagar() {
	var pCampos = {
	    	id: {key: true,
	    		create: false,
		   		list: false},
		    data: {title: 'Data',
		    	width: '15%'},
 		    documento: {title: 'Documento',
 		    	width: '15%'},
		    descricao: {title: 'Descrição',
		    	width: '40%'},
		    plano_id: {list: false},
	    	plano_codigo: {list: false},
	    	plano_descricao: {list: false},
		    valor: {title: 'Valor',
		    	width: '15%'},
		    pago: {title: 'Pago',
		    	width: '15%'}
		};
	var pChave = 'data ASC';
	var pClasse = 'cont_pag';
	var pFiltro = new Array({campo: 'data', titulo: 'Data', selecionado: true},
							{campo: 'documento', titulo: 'Documento', selecionado: false},
							{campo: 'descricao', titulo: 'Descrição', selecionado: false});
	var pDestino = '#pnlContasPagar';
	
	limparMensagem();
	
	$(pDestino).load("html/manter.html #pnlMntr", function() {
		// campos de filtro
		var pnlFiltro = $('<div>').attr({id: 'pnlFiltro'});
		
		var rd1 = $('<input>').attr({type : "radio", name: 'fltTipo', value: 'A'});
		var rd1txt = $('<label>').html("A Pagar");
		
		var rd2 = $('<input>').attr({type : "radio", name: 'fltTipo', value: 'P'});
		var rd2txt = $('<label>').html("Pagas");
		
		var rd3 = $('<input>').attr({type : "radio", name: 'fltTipo', value: 'T', checked: 'checked'});
		var rd3txt = $('<label>').html("Todas");

		var cbb = $('<select>').attr({id: 'cbbCampo', name: 'cbbCampo'});
		var ipt = $('<input>').attr({type : "text", name: 'edtFiltro', id: 'edtFiltro'});
		var item = null;
		
		for (var opt in pFiltro) {
			item = $('<option>').attr({
					value: pFiltro[opt].campo,
					
				}).append(pFiltro[opt].titulo);

			if (pFiltro[opt].selecionado) {
				$(item).attr({selected: "selected"});
			}

			$(cbb).append(item);
		}
		
		$(pnlFiltro).append(rd1, 
							rd1txt,
							" ", 
							rd2,
							rd2txt,
							" ", 
							rd3,
							rd3txt,
							"&nbsp;", 
							cbb, 
							" ", 
							ipt);
		// fim campos de filtro
		
		var brMessages = getJTableMessages();

		$('#grdDataset').jtable({
		    messages: brMessages,
			title: '&nbsp;',
			paging: true,
			selecting: true,
			multiselect: true,
			actions: {
	                listAction: 'post.php?action=' + pClasse + '.consultar',
	                createAction: 'post.php?action=' + pClasse + '.inserir',
	                updateAction: 'post.php?action=' + pClasse + '.alterar',
	                deleteAction: 'post.php?action=' + pClasse + '.excluir'
			},
	        fields: pCampos,
	        sorting: true,
	        toolbar: {
			hoverAnimation: true,
			items: [{text:  $(pnlFiltro)},
					{text: 'Filtrar',
					click: carregarContasPagGrid}]
			},
		    defaultSorting: pChave,
		    formSubmitting: function(evento, dados) {
		    	if ($('#Edit-data').attr('readonly') != 'readonly') {
		    		var dtFormat = /^(0?[1-9]|[12][0-9]|3[01])[\/\-](0?[1-9]|1[012])[\/\-]\d{4}$/;
		    		
			    	if (!dtFormat.exec($('#Edit-data').val())) {
			    		alert('Você deve informar a data do pagamento!');
			    		$('#Edit-data').focus();
			    		return false;
			    	}
		    	}
		    },
		    formCreated: function(evento, dados) {
		    	dados.form.load("html/mantercontaspagar.html #cadContaPagar", function() {
			    	dados.form.parent().parent().css("left", "287px");
			    	dados.form.parent().parent().css("top", "10px");
			    	if (dados.formType == 'edit') {
			    		$('#Edit-id').val(dados.record.id);
			    		$('#Edit-data').val(dados.record.data);
			    		$('#Edit-documento').val(dados.record.documento);
			    		$('#Edit-descricao').val(dados.record.descricao);
			    		$('#Edit-plano').val(dados.record.plano_codigo + ' - ' + dados.record.plano_descricao);
			    		$('#Edit-valor').val(dados.record.valor);
			    		$('#Edit-pago').val(dados.record.pago);
			    		$('#Edit-apagar').val(dados.record.apagar);
			    		$('#Edit-plano_id').val(dados.record.plano_id);
			    		
			    		$('#Edit-data').attr({readonly: 'readonly'});
			    	} else {
				    	$('#Edit-data').mask('99/99/9999');
			    	}

			    	$('#Edit-plano').autocomplete({
			    		source: function (request, response) {
			    			params = [{
			    							nome: "action",
			    							valor: "plano.consultarCodigoDesc"
			    						},
			    						{
			    							nome: "plano",
			    							valor: request.term
			    						}];

			    			exec(params, 
		    					function(dados) {
		    						if (dados.Records) {
		        						response($.map(dados.Records, function (item) {
		        							return [{label: item.codigo + " - " + item.descricao,
		        									value: item.codigo + " - " + item.descricao,
		        									record: item}];
	        							}));
		    						}
		    					}
			    			);
			    		},
			    		select: function (event, ui) {
			    			$('#Edit-plano_id').val(ui.item.record.id);
			    		}
			    	});
			    });
		    }
		});
		
		$('input:radio[name="fltTipo"]').click(carregarContasPagGrid);
		// carregar dados
		carregarContasPagGrid();
		
		$('#grdDataset').show();
	    $('#pnlMntr').draggable();
	});
}
